import Vue from 'vue'
import VueRouter from 'vue-router'
import banner from '../views/index/banner.vue'
import song from '../views/index/song.vue'
import seniority from '../views/index/seniority.vue'
import reminiscence from '../views/index/reminiscence.vue'
import singer from '../views/index/singer.vue'
import tv from '../views/index/tv'
import listnav from '../views/rankList/listnav'
import comment from '../views/rankList/comment'
import hotsinger from '../views/singerlist/hotsinger'
import songtop from '../views/songsheet/songtop'
import songsheet from '../views/songsheet/songsheet'
import mvtop from '../views/mv/mvtop'
import mvlist from '../views/mv/mvlist'
import singerid from '../views/singerid/singerid.vue'
import song1 from '../views/song/song'
import songlist from '../views/songlist/songlist'
import songlistTop from '../views/songlist/songlistTop.vue'

import music from '../views/music/music.vue'
import classify from '../views/songlist/class'
import mvdetali from '../views/mv/mvdetail.vue'
import book from '../views/book/book.vue'
import booktop from '../views/book/booktop.vue'
import bookdetail from '../views/book/bookdetail.vue'

Vue.use(VueRouter)

const routes = [
  {
    path:'/',
    components:{
      banner:banner,
      song:song,
      seniority:seniority,
      reminiscence:reminiscence,
      singer:singer,
      tv:tv
    }
  },
  {
    path:'/ranklist',
    components:{
      listnav: listnav,
      comment:comment,
    

    }
  },
 {
  path:'/singerlist',
  components:{
    hotsinger:hotsinger
  }
 },
 {
   path:'/songsheet',
   components:{
     songtop:songtop,
     songsheet:songsheet
   }
 },
 {
   path:'/mvlist',
   components:{
     mvtop:mvtop,
     mvlist:mvlist
   }
 },
 {
   path:'/singerid',
   components:{
     singerid:singerid
   }
 },
 {
   path:"/song",
   components:{
     song1:song1
   },
   
 },

 {
   path:'/songlist',
   components:{
     songlist:songlist
   }
 },
 {
   path:'/songlistTop',
   components:{
    songlistTop:songlistTop
   }
 },
 {
   path:'/music',
   components:{
     music:music
   }
 },
 {
  path:'/classify',
  components:{
    classify:classify
  }
},
{
  path:'/mvdetail',
  components:{
    mvdetali:mvdetali
  }
},
{
  path:'/book',
  components:{
    book:book,
    booktop:booktop
  }
},
{
  path:'/bookdetail',
  components:{
    bookdetail:bookdetail
  }
}
 
  
  
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
